
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <html>
        <head>
            <meta charset="utf-8">
            <!--字体图标-->
            <link href="../../javaex/pc/css/icomoon.css" rel="stylesheet" />
            <!--动画-->
            <link href="../../javaex/pc/css/animate.css" rel="stylesheet" />
            <!--骨架样式-->
            <link href="../../javaex/pc/css/common.css" rel="stylesheet" />
            <!--皮肤（缇娜）-->
            <link href="../../javaex/pc/css/skin/tina.css" rel="stylesheet" />
            <!--jquery，不可修改版本-->
            <script src="../../javaex/pc/lib/jquery-1.7.2.min.js"></script>
            <!--全局动态修改-->
            <script src="../../javaex/pc/js/common.js"></script>
            <!--核心组件-->
            <script src="../../javaex/pc/js/javaex.min.js"></script>
            <!--表单验证-->
            <script src="../../javaex/pc/js/javaex-formVerify.js"></script>
            <title>后台管理</title>
        </head>
        <style>

        </style>

<body>
<!--全部主体内容-->
<div class="list-content">
    <!--块元素-->
    <div class="block">
        <!--修饰块元素名称-->
        <div class="banner">
            <p class="tab fixed">编辑消息信息</p>
        </div>

        <!--正文内容-->
        <div class="main">
            <form id="form">
                <!--文本框-->
                <div class="unit clear">
                    <div class="left"><span class="required">*</span><p class="subtitle">事件</p></div>
                    <div class="right">
                        <input type="text" class="text" id="event" name="event"/>
                    </div>
                </div>

                <div class="unit clear">
                    <div class="left"><span class="required">*</span><p class="subtitle">具体事件</p></div>
                    <div class="right">
                        <input type="text" class="text" id="spevent" name="spevent"/>
                    </div>
                </div>

                <div class="unit clear">
                    <div class="left"><span class="required">*</span><p class="subtitle">时间</p></div>
                    <div class="right">
                        <input type="text" class="text" id="time" name="time"/>
                    </div>
                </div>

                <div class="unit clear">
                    <div class="left"><span class="required"></span><p class="subtitle">来源</p></div>
                    <div class="right">
                        <input type="text" class="text" id="from" name="from"/>
                    </div>
                </div>

                <div class="unit clear">
                    <div class="left"><span class="required"></span><p class="subtitle">负责人</p></div>
                    <div class="right">
                        <input type="text" class="text" id="head" name="head"/>
                    </div>
                </div>
                
                <div class="unit clear">
                    <div class="left"><span class="required"></span><p class="subtitle">邮箱</p></div>
                    <div class="right">
                        <input type="text" class="text" id="email" name="email"/>
                    </div>
                </div>

                <div class="unit clear">
                    <div class="left"><span class="required"></span><p class="subtitle">url</p></div>
                    <div class="right">
                        <input type="text" class="text" id="url" name="url"/>
                    </div>
                </div>
                
                <br>
                <br>


                <!--提交按钮-->
                <div class="unit clear" style="width: 800px;">
                    <div style="text-align: center;">
                        <!--表单提交时，必须是input元素，并指定type类型为button，否则ajax提交时，会返回error回调函数-->
                        <input type="button" id="return" class="button no" value="返回" />
                        <input type="button" id="save" class="button yes" value="保存" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script>

    javaex.select({
        id : "select",
        isSearch : false
    });

    // 页面加载执行
    $(document).ready(function(){
        var msgid = getQueryVariable("msgid");
        // get读取参数
        $.get("/msg/msgdetail",{"msgid": msgid}, function(data){
            var msg = data.data;
            $("#event").val(msg.event);
            $("#spevent").val(msg.spevent);
            $("#time").val(msg.time);
            $("#from").val(msg.from);
            $("#head").val(msg.head);
            $("#email").val(msg.email);
            $("#url").val(msg.url);

            return false;
        });
    });

    // 监听点击保存按钮事件
    $("#save").click(function() {
        var msgid = getQueryVariable("msgid");
        // 表单验证函数
        var event = $("#event").val();
        var spevent = $("#spevent").val();
        var time = $("#time").val();
        var from = $("#from").val();
        var head = $("#head").val();
        var email = $("#email").val();
        var url = $("#url").val();


        var json = {"msgid":msgid,"event":event,"spevent":spevent,"time":time,"from":from,"head":head,"email":email,"url":url};
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : "/msg/updatemsg",
            //数据，json字符串
            data : JSON.stringify(json),
            //请求成功
            success : function(result) {
                console.log(result);
                // 获取集合属性
                var data = result.data;
                var code = result.code;

                if (code == 200) {
                    javaex.message({
                        content : "修改信息成功",
                        type : "success"
                    });

                    // 跳转至列表
                    setTimeout(function(){window.location.href="/message/message-list";},1500)
                }

            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    // 监听点击返回按钮事件
    $("#return").click(function() {
        window.location.href="/message/message-list"
    });

    // 获取地址栏参数
    function getQueryVariable(variable){
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){return pair[1];}
        }
        return false;
    }
</script>
</body>
</html>